/* paginate_links() markup is owned by WordPress. State uses aria-current. */
.pagination {
  margin-top: var(--space-10);
  text-align: center;
}
.pagination :where(a, span) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding: var(--space-2) var(--space-3);
  margin: var(--space-1);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-full);
  background: var(--bg-surface);
}
.pagination :where(a:hover, [aria-current='page']) {
  background: var(--action-primary);
  border-color: var(--action-primary);
  color: var(--ink-inverse);
}